﻿html,*{
    width:100%;
    height:100%; 

}
body {
    margin:0;
    padding:0;
    background:#0574bb url("../images/bgbody.jpg") center center no-repeat;
    width:100%;
    height:100%;
    background-size: cover;
}

.loginbox { width:420px;height:450px;position:absolute;left:50%;top:50%;margin-left:-210px;margin-top:-225px;font-family:"Microsoft YaHei";}
.logintit { width:420px;height:45px;float:left;text-align:center;font-size:30px;color:#FFF;}
.loginipt { width:320px;height:230px;float:left;margin-top:45px;background:#FFF;padding:60px 50px 60px 50px;}
.loginle { width:320px;float:left;height:60px;}
.lginput { width:285px;height:29px;border:1px solid #e5e5e5;padding-left:35px;outline:none;padding-top:3px;font-size:14px;color:#0a0808;}
.loginlel { width:205px;float:left; height:60px;}
.lgyinput { width:170px;height:29px;border:1px solid #e5e5e5;padding-left:35px;outline:none;padding-top:3px;font-size:14px;color:#0a0808;}
.loginler { width:107px;float:right; height:60px;}
.loginler img { width:107px;height:36px; cursor:pointer;}
.loginbtn { width:325px;height:40px;background:#00a0e9;color:#FFF;border:none;cursor:pointer;font-size:18px;font-family:"Microsoft YaHei";outline:none;}
.logmt { margin-top:15px;}

input.account { background:url("../images/loginico.png") 10px 8px no-repeat; }
input.password { background:url("../images/loginico.png") 10px -53px no-repeat;}
input.code { background:url("../images/loginico.png") 10px -113px no-repeat;}

input.aconfoucs { box-shadow:0px 0px 5px #15b1f7;border:1px solid #7ad6ff;background:url("../images/loginico.png") 10px -176px no-repeat;}
input.paonfocus { box-shadow:0px 0px 5px #15b1f7;border:1px solid #7ad6ff;background:url("../images/loginico.png") 10px -237px no-repeat; }
input.codonfocus { box-shadow:0px 0px 5px #15b1f7;border:1px solid #7ad6ff;background:url("../images/loginico.png") 10px -297px no-repeat; }